<template>
	<div class="page">
		<div class="main-first">
			<div class="main-second">
				<span class="txt-first">客户授权认证</span>
			</div>
			<div class="main-three">
				<p class="txt-second"><i class="box"></i>您已进入投保流程，本产品由**在线财产保险股份有限公司承保，请确保您填写的保单为自主填写。请仔细阅读保险条款、投保须知、客户告知书等内容。为保障你的权益，我们将会安全记录你的操作，点击【我已确认】即表明您已同意投保，并清楚知悉保险内容。</p>
			</div>
			<Button type="warning" class="div-btn" @click="next">我已确认</Button>
		</div>
	</div>
</template>

<script>
export default {
	methods: {
		next() {
			this.$router.push({ path: '/pgaepay' });
		}
	}
};
</script>

<style scoped>
.page {
	height: 100%;
	background: linear-gradient(148deg, #ff8d3a 0%, #fd8937 100%);
	/* overflow-y: auto; */
	overflow: hidden;
    font-family: serif;
}
.main-first {
	width: 90%;
	margin: 0 auto;
	background: #fffefe;
	border-radius: 8px;
	margin-top: 40px;
}
.txt-first {
	width: 102px;
	height: 20px;
	font-size: 17px;
	color: #333333;
	line-height: 20px;
	font-weight: bold;
	border-bottom: 5px solid #fb8f6a;
}
.main-second {
	padding-top: 20px;
}
.main-three {
	width: 92%;
	height: 157px;
	padding-top: 20px;
	padding-left: 20px;
}
.txt-second {
	font-size: 14px;
	line-height: 24px;
	text-align: left;
}
.div-btn {
	width: 78%;
	height: 42px;
	background: linear-gradient(180deg, #fa7449 0%, #ff6000 100%);
	box-shadow: 0px 4px 6px 0px rgba(0, 0, 0, 0.26);
	border-radius: 5px;
	margin-top: 50px;
	margin-bottom: 40px;
}
.btn-text {
	width: 67px;
	height: 22px;
	font-size: 16px;
	color: #ffffff;
	line-height: 22px;
}
.box {
	width: 9px;
	height: 9px;
	background: #fb6f37;
	display: inline-block;
	margin-right: 10px;
}
</style>
